<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- @@include ./template/base.html  -->
    <link rel="stylesheet" href="./css/brand.css">
</head>

<body>
    <!-- 头部 -->
    <!-- @@include  ./template/header.html -->

    <!-- 搜索部分 -->
    <!-- @@include  ./template/search.html -->

    <!-- 全部分类部分 -->
    <nav class="product-list-title"><a class="list-title1">首页
        </a> &gt; <a class="list-title2">全部分类</a> &gt;
    </nav>

    <!-- 热门品牌排行部分 -->
    <div
        style="font-size: 16px; color: rgb(135, 70, 4); height: 40px;line-height: 40px; border: 1px solid rgb(204, 204, 204); background-color: rgb(238, 238, 238);">
        <h3>哪个牌子好</h3>
    </div>

    <!-- getbrand部分 -->
    <div class="row clearfix brand-list">
        <ul class="category-title">
           <!-- 模板渲染 -->

        </ul>
    </div>




    <!-- 尾部 -->
    <!-- @@include  ./template/footer.html  -->
    <script src="./js/brand.js"></script>

    <script type="text/template" id="getbrandTpl">
    {{ each result v i}}
         <li>
             <!-- 模板参数变量渲染可能有问题 -->
            <a href="./productlist.html?pageid={{v.brandTitleId}}&amp;categoryid={{v.categoryId}}&amp;category=" class=""><em class="top1">{{v.brandId}}</em>
                <div class="inner">
                    <div class="tit">{{v.brandName}}</div>
                    <p>{{v.brandInfo}}</p>
                </div>
            </a>
        </li>
    {{ /each }}
    </script>

    <script type="text/template" id="categoryTpl">
    {{ each result v i}}
       
    {{ /each }}
    </script>
</body>

</html>